簡(jiǎn)介：本課程，面向具備html、css的用戶，通過(guò)代碼示例演示，對(duì)比傳統(tǒng)圖標(biāo)和字體圖標(biāo)優(yōu)劣，學(xué)習(xí)并掌握前端必備的字體圖標(biāo)使用技巧。
第1章 初次見面
說(shuō)明本課程所講的圖標(biāo)是什么？傳統(tǒng)方式怎么實(shí)現(xiàn)，有什么弊端？
第3章 似曾相識(shí)的font&html字體圖標(biāo)
分別講解常用的icomoon字體庫(kù)和阿里巴巴圖標(biāo)庫(kù)如何使用font+HTML實(shí)現(xiàn)圖標(biāo)
- 視頻： 3-1 icomoon實(shí)現(xiàn)字體圖標(biāo)方法一（1） (09:50)
- 視頻： 3-2 icomoon實(shí)現(xiàn)字體圖標(biāo)方法一（2） (08:55)
- 視頻： 3-3 icomoon實(shí)現(xiàn)字體圖標(biāo)方法一（3） (19:41)
- 視頻： 3-4 icomoon實(shí)現(xiàn)字體圖標(biāo)方法二 (06:25)
- 視頻： 3-5 icomoon實(shí)現(xiàn)字體圖標(biāo)項(xiàng)目小貼士（1） (11:42)
- 視頻： 3-6 icomoon實(shí)現(xiàn)字體圖標(biāo)項(xiàng)目小貼士（2） (10:59)
第4章 未曾謀面的font&css字體圖標(biāo)
以icomoon字體圖標(biāo)庫(kù)和阿里巴巴圖標(biāo)庫(kù)分別演示font+css實(shí)現(xiàn)字體圖標(biāo)的方法
- 視頻： 4-1 iconfont實(shí)現(xiàn)字體圖標(biāo)方法一（1） (07:48)
- 視頻： 4-2 iconfont實(shí)現(xiàn)字體圖標(biāo)方法一（2） (26:39)
- 視頻： 4-3 iconfont實(shí)現(xiàn)字體圖標(biāo)方法二-彩色圖標(biāo) (16:47)
- 視頻： 4-4 iconfont實(shí)現(xiàn)字體圖標(biāo)各種方法間的通用性 (05:41)
- 視頻： 4-5 iconfont實(shí)現(xiàn)字體圖標(biāo)的樣式設(shè)置 (11:40)
- 視頻： 4-6 iconfont實(shí)現(xiàn)從別處借字體圖標(biāo) (16:37)
- 視頻： 4-7 項(xiàng)目小貼士：給已存在的項(xiàng)目中添加新的圖標(biāo)的兩種場(chǎng)景 (19:14)
- 視頻： 4-8 小圖標(biāo)引用在線鏈接（1） (13:35)
- 視頻： 4-9 小圖標(biāo)引用在線鏈接（2） (11:00)
- 視頻： 4-10 小圖標(biāo)引用在線鏈接（3） (10:55)
第5章 綜合案例
主要講解同一個(gè)項(xiàng)目中，如何使用不同的字體圖標(biāo)